<template>
	<view>
		<wuc-tab :tab-list="tabList" tabClass="text-center bg-white wuc-tab fixed" select-class="text-red" :tabCur.sync="TabCur"></wuc-tab>
		<swiper :current="TabCur" duration="300" style="background-color: red;height: 100rpx;">
		  <swiper-item v-for="(item,index) in tabList" :key="index" style="margin-top: 100rpx;">
			<view>{{item.name}}</view>
			<div>{{item.name}}</div>
			<div>{{item.name}}</div>
			<div>{{item.name}}</div>
			<div>{{item.name}}</div>
			<div>{{item.name}}</div>
			<div>{{item.name}}</div>
			<div>{{item.name}}</div>
			<div>{{item.name}}</div>
			<div>{{item.name}}</div>
			<div>{{item.name}}</div>
		  </swiper-item>
		</swiper>
<!-- 		<text>上个页面传递过来的课程ID  {{classid}}</text>
		<button @click="clickAction">点击把值传到之前的页面</button> -->
	</view>
</template>

<script>
	import WucTab from '@/components/wuc-tab/wuc-tab.vue';
	export default {
		data() {
			return {
				classid:'',
				TabCur: 0,
				tabList: [{ name: '课程介绍' }, { name: '学习列表' }, { name: '查看评论' }],
			}
		},
		components: { WucTab },
		onLoad(e) {
			this.classid = e.classid;
			console.log(this.classid);
		},
		methods: {
			clickAction(){
				uni.$emit('passvalue',this.classid);
			},
		}
	}
</script>

<style>

</style>
